<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>研学成果-研学总结稿件</title>
		<link rel="stylesheet" type="text/css" href="css/base/commonality.css" />
		<link rel="stylesheet" type="text/css" href="css/school/school_commonality.css" />
		<link rel="stylesheet" type="text/css" href="css/school/school_studies_achievement_manuscript.css" />
		<!--element-ui.css-->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<!--文本编辑器-->
		<link href="//cdn.quilljs.com/1.3.6/quill.bubble.css" rel="stylesheet">
		<link href="//cdn.quilljs.com/1.3.6/quill.core.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/quilljs.css" />
	</head>
	<body>
		<header>
			<!-- 头部暂时不用写 -->
		</header>
		<section>
			<!-- -------------下面的整体的div----------- -->
			<div id="text-center">
				<h3 class="sca_xiangqing"><b>研学成果</b></h3>
				<h4 class="gaojian">【出行总结】</h4>
				<!-- -------------图文列表----------- -->
				<div class="text-center-left">
					<h5 class="text-center-left-title">图文列表</h5>
					<div class="text-center-left-list">
						<div class="left-list">
							<a href="javascript:void(0);">
								<div class="left-list-div-one">
									<img src="img/school/list.png" />
								</div>
								<div class="left-list-div-two">
									<span id="left-center">
										<span class="left-list-title">探险之旅</span>
										<br />
										<span class="left-list-center">
											海丝文化”浓厚的泉州古城，这里古迹众多，文风
										</span>
									</span>
								</div>
							</a>
						</div>
					</div>
				</div>


				<div class="text-center-right">
					<!-- -------------主题----------- -->
					<div class="text-center-right-one">
						<div class="zhuti">
							<span id="zhuiti">主题</span><input type="text" id="title" placeholder="请输入主题" />
						</div>
						<div class="shangchuan">
							<div id="shanghcuan">
								上传
							</div>
							<div id="app">
								<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" :on-preview="handlePictureCardPreview"
								 :on-remove="handleRemove" :auto-upload="false">
									<i class="el-icon-plus"></i>
								</el-upload>
								<el-dialog :visible.sync="dialogVisible">
									<img width="100%" :src="dialogImageUrl" alt="">
								</el-dialog>
							</div>
						</div>
						<div class="zhaiyao">
							<div id="zhaiyao">
								摘要
							</div>
							<textarea id="textare">

							</textarea>
						</div>
					</div>

					<div class="biaoti">
						<input type="text" id="author-title" placeholder="请在这里输入标题" class="authors" /><br />
						<input type="text" id="author" placeholder="请输入作者" class="authors" /><br />
						<div class="program">
							<div id="editor">
								<p>Hello World!</p>
								<p>Some initial <strong>bold</strong> text</p>
							</div>
						</div>
					</div>

					<button class="layui-btn layui-btn-danger" type="button" id="baocun">保存</button>
				</div>


			</div>
		</section>
		<footer>
			<!-- 尾部 -->
		</footer>

		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<!--element-ui.js-->
		<script src="js/vue.js"></script>
		<script src="js/element-ui.js"></script>
		<!--quill文本编辑器的js-->
		<script src="//cdn.quilljs.com/1.3.6/quill.core.js"></script>
		<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
		<script src="//cdn.quilljs.com/1.3.6/quill.js"></script>
		<script src="//cdn.quilljs.com/1.3.6/quill.min.js"></script>
		<script src="js/school/school_studies_achievement_manuscript.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
